<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/banel.css">
    <link rel="stylesheet" href="./css/conten.css">
    <script src="./js/text.js"></script>
    <script src="./js/antimon.js"></script>
    <title>小米改变生活</title>
</head>

<body>
    <div class="main hd">
        <!-- 导航栏区域 -->
        <nav class=" bd">
            <ul class="">
                <li>小米商城</li>|
                <li>MIUI</li>|
                <li>loT</li>|
                <li>云服务</li>|
                <li>金融</li>|
                <li>有品</li>|
                <li>小爱开放品台</li>|
                <li>企业团购</li>

            </ul>
            <div class="side">
                <!-- <a href=""></a>
                <a href=""></a>
                <a href=""></a> -->
                <span class="spn2">登录</span>
                <span class="spn1">注册</span>
                <span> <img src="./image/购物车.png" alt=""> 购物车</span>
            </div>
        </nav>
        <!-- logo和搜索模块 -->
        <div class="bd title">
            <div class="title_hd"><img src="./image/m.png" alt=""></div>
            <div class="title_bd">
                <span>小米手机</span>
                <span>Redmi红米</span>
                <span>电视</span>
                <span>笔记本</span>
                <span>家电</span>
                <span>路由器</span>
                <span>智能硬件</span>
                <span>服务</span>
                <span>社区</span>
            </div>
            <div class="title_fd">
                <input type="text" placeholder="小米mini" id="inp">
                <button id="btn1">搜索</button>
            </div>
            <div class="title_gd" id="title_gd">
                <p>手机</p>
                <p>手机</p>
            </div>
        </div>
        <div id="td">
            <div class="tit bd">
                <!-- <div class="tit_bd ">
                    <div class="tit_hd">
                        <img src="http://dbyxs.xyz:3005/uploads/415d1ff8794b0a50277869e7f47cd8af" alt="">
                        <p>小米10</p>
                        <span>2292元</span>
                    </div>

                </div> -->
            </div>
        </div>
        <!-- 轮播图 -->
        <div class="banel bd">
            <div class="banel_hd">
                <a href="#">手机 电话卡</a>
                <a href="#">电视 盒子</a>
                <a href="#">笔记本 显示器 平板</a>
                <a href="#">家电 插线板</a>
                <a href="#">出行 穿戴</a>
                <a href="#">智能 路由器</a>
                <a href="#">电源 配件</a>
                <a href="#">健康 儿童</a>
                <a href="#">耳机 音箱</a>
                <a href="#">生活 箱包</a>
            </div>
            <!-- <div id="banel"> -->
            <div class="banel_sd">
                <!-- <div class="banel_f">
                    <img src="./image/m1.jpg" alt="">
                    <a href="javascript:;">手机</a>
                </div>
                <div class="banel_f">
                    <img src="./image/m1.jpg" alt="">
                    <a href="javascript:;">手机</a>
                </div>
                <div class="banel_f">
                    <img src="./image/m1.jpg" alt="">
                    <a href="javascript:;">手机</a>
                </div>
                <div class="banel_f">
                    <img src="./image/m1.jpg" alt="">
                    <a href="javascript:;">手机</a>
                </div> -->

            </div>
            <!-- </div> -->
            <div class="banel_bd">
            </div>
            <div class="banel_bd_left"><img src="./image/左箭头.png" alt=""></div>
            <div class="banel_bd_right"><img src="./image/右箭头.png" alt=""></div>
            <div class="banel_bd_li">
                <!-- <div class="div_li"></div>
                <div></div>
                <div></div> -->
            </div>
        </div>
        <!-- 选项卡 -->
        <div class="option bd">
            <div class="option_hd">
                <a href="#"><img src="./image/a1.png" alt="">小米秒杀</a>
                <a href="#"><img src="./image/a2.png" alt="">企业团购</a>
                <a href="#"><img src="./image/a3.png" alt="">F码通道</a>
                <a href="#"><img src="./image/a4.png" alt="">米粉卡</a>
                <a href="#"><img src="./image/a5.png" alt="">以旧换新</a>
                <a href="#"><img src="./image/a6.png" alt="">话费充值</a>
            </div>
            <div class="option_bd">
                <a href="#"><img src="./image/m1.jpg" alt=""></a>
                <a href="#"><img src="./image/m1.jpg" alt=""></a>
                <a href="#"><img src="./image/m1.jpg" alt=""></a>
            </div>
        </div>
        <div class="bgc">
            <!-- 小米选购 -->
            <div class=" sd">
                <div class="sd_hd bd">
                    <div class="sd_title">
                        小米闪购
                    </div>
                    <div class="sd_spn">
                        <span id="left"></span><span id="right"></span>
                    </div>
                </div>
                <!-- 选项卡系列 -->
                <div class="shoping bd">
                    <!-- 侧边栏 -->
                    <div class="shoping_hd">
                        <div class="times">14:00 场</div>
                        <div class="shoping_img"><img src="./image/w1.png" alt=""></div>
                        <div class="shoping_tx">距离结束还有</div>
                        <div class="shoping_spn">
                            <!-- <span></span> :
                            <span></span> :
                            <span></span> -->
                        </div>
                    </div>
                    <!-- 主体侧边栏 -->
                    <div class="shoping_ce">
                        <div class="lis">
                            <!-- <div class="li"><img src="./image/h1.jpg" alt="">

                                <h3>MIJOY 抽纸青春版 24包/箱 </h3>
                                <p class="price">精选原生竹浆，健康环保</p>
                                <p class="p1">
                                    <span>27.9元</span>
                                    <del>32.9</del>
                                </p>
                            </div>
                            <div class="li"><img src="./image/h1.jpg" alt="">
                                <h3>MIJOY 抽纸青春版 24包/箱 </h3>
                                <p class="price">精选原生竹浆，健康环保</p>
                                <p class="p1">
                                    <span>27.9元</span>
                                    <del>32.9</del>
                                </p>
                            </div>
                            <div class="li"><img src="./image/h1.jpg" alt="">
                                <h3>MIJOY 抽纸青春版 24包/箱 </h3>
                                <p class="price">精选原生竹浆，健康环保</p>
                                <p class="p1">
                                    <span>27.9元</span>
                                    <del>32.9</del>
                                </p>
                            </div>
                            <div class="li"><img src="./image/h1.jpg" alt="">
                                <h3>MIJOY 抽纸青春版 24包/箱 </h3>
                                <p class="price">精选原生竹浆，健康环保</p>
                                <p class="p1">
                                    <span>27.9元</span>
                                    <del>32.9</del>
                                </p>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- title图片 -->
            <div class="pront_title bd">
                <img src="./image/d3.webp" alt="">
            </div>
            <!-- 手机区域 -->
            <div class="phoneone ">
                <div class="phone bd">
                    <div class="phone_hd">
                        <span class="phone_spn">手机</span>
                        <span class="phont_spn1">查看全部</span>
                    </div>
                    <div class="phone_bd">
                        <div class="phone_sd ">
                            <img src="./image/d1.webp" alt="">
                        </div>
                        <div class="phone_fd">
                            <!-- <div class="phont_td">
                                <img src="./image/d2.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d7.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d4.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d5.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d6.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d7.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d2.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div>
                            <div class="phont_td">
                                <img src="./image/d4.webp" alt="">
                                <h3>Redmi K30</h3>
                                <p>120HZ流速屏，全速热爱</p>
                                <span>1599元起</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 家电电视区域 -->
            <div class="pront_title bd mg">
                <img src="./image/小米图.webp" alt="">
            </div>
            <!-- 电视 -->
            <div class="tele_hd bd">
                <div class="tele_bd">
                    <h2>家电</h2>
                    <div class="tele_td">
                        <a href="">热门</a><a href="">电视影音</a>
                    </div>
                </div>
                <!-- 家电侧边栏 -->
                <div class="tele_side">
                    <div class="tele_sd">
                        <a href=""><img src="./image/j1.webp" alt="">
                        </a>
                        <a href=""><img src="./image/j2.webp" alt=""></a>
                    </div>
                    <!-- 家电主题区域 -->
                    <div class="tele_main">
                        <div class="tele_item">
                            <img src="./image/k1.webp" alt="">
                            <h3>
                                米家互联网空调C1（一级能效）
                            </h3>
                            <p>变频节能省电，自清洁</p>
                            <div class="prices">
                                <span>2399元</span>
                                <del>2699</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k7.webp" alt="">
                            <h3>
                                15.6"四核i7 16G 独显512G
                            </h3>
                            <p>全面均衡的国民轻薄本</p>
                            <div class="prices">
                                <span>4699元</span>
                                <del>4899</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k2.jpg" alt="">
                            <h3>
                                米家空调
                            </h3>
                            <p>出众静音,快速制冷热</p>
                            <div class="prices">
                                <span>1299元</span>
                                <del>1799元</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k3.webp" alt="">
                            <h3>
                                米家互联网洗烘一体机 Pro 10kg
                            </h3>
                            <p>智能洗烘,省心省力</p>
                            <div class="prices">
                                <span>2999元</span>
                                <del></del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k4.jpg" alt="">
                            <h3>
                                小米电视4A 32英寸
                            </h3>
                            <p>人工智能系统,高清液晶屏</p>
                            <div class="prices">
                                <span>799元</span>
                                <del></del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k5.webp" alt="">
                            <h3>
                                Redmi全自动波轮洗衣机1A 8Kg
                            </h3>
                            <p>一键操作,父母都爱用</p>
                            <div class="prices">
                                <span>799元</span>
                                <del>899元</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/k6.webp" alt="">
                            <h3>
                                小米全面屏电视E55A
                            </h3>
                            <p>全面屏设计,人工智能语言</p>
                            <div class="prices">
                                <span>1899元</span>
                                <del>2099元</del>
                            </div>
                        </div>
                        <div class="tele_it">
                            <div class="tele_it_ls">
                                <div class="tele_img">
                                    <div class="tele_p">
                                        <h3>小米盒子4</h3>
                                        <span>299元</span>
                                    </div>
                                    <img src="./image/k8.jpg" alt="">
                                </div>
                                <div class="tele_shop">
                                    <div class="tele_h">
                                        <h2>浏览更多</h2>
                                        <p>电视影音</p>
                                    </div>
                                    <div class="tele_k">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 智能 -->
            <div class="pront_title bd mg">
                <img src="./image/z1.webp" alt="">
            </div>
            <!-- 智能电器 -->
            <div class="tele_hd bd">
                <div class="tele_bd">
                    <h2>智能</h2>
                    <div class="tele_td">
                        <a href="">热门</a><a href="">安防</a>
                        <a href="">出行</a>
                    </div>
                </div>
                <!-- 家电侧边栏 -->
                <div class="tele_side">
                    <div class="tele_sd">
                        <a href=""><img src="./image/z2.webp" alt="">
                        </a>
                        <a href=""><img src="./image/z3.webp" alt=""></a>
                    </div>
                    <!-- 家电主题区域 -->
                    <div class="tele_main">
                        <div class="tele_item">
                            <img src="./image/z4.webp" alt="">
                            <h3>
                                小米 [小爱老师]
                            </h3>
                            <p>口袋里的英语外教</p>
                            <div class="prices">
                                <span>449元起</span>
                                <del>499元</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z5.webp" alt="">
                            <h3>
                                小米米家智能门锁 推拉式
                            </h3>
                            <p>一步推拉,高端智能门锁</p>
                            <div class="prices">
                                <span>1699元</span>
                                <!-- <del>4899</del> -->
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z6.webp" alt="">
                            <h3>
                                小米小爱音箱 Play
                            </h3>
                            <p>听音乐,语音遥控家电</p>
                            <div class="prices">
                                <span>99元</span>
                                <del>169元</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z7.webp" alt="">
                            <h3>
                                小爱音箱万能遥控版
                            </h3>
                            <p>传统家电秒变智能</p>
                            <div class="prices">
                                <span>149元</span>
                                <del>199元</del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z8.webp" alt="">
                            <h3>
                                米家电饭煲4L
                            </h3>
                            <p>890W 立体加热</p>
                            <div class="prices">
                                <span>299元</span>
                                <del></del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z9.webp" alt="">
                            <h3>
                                小米手环4
                            </h3>
                            <p>大屏彩显,20天超长续航</p>
                            <div class="prices">
                                <span>169元</span>
                                <del></del>
                            </div>
                        </div>
                        <div class="tele_item">
                            <img src="./image/z10.webp" alt="">
                            <h3>
                                米家九号平衡轮
                            </h3>
                            <p>能花式酷玩的"风火轮"</p>
                            <div class="prices">
                                <span>799元</span>
                                <del>999元</del>
                            </div>
                        </div>
                        <div class="tele_it">
                            <div class="tele_it_ls">
                                <div class="tele_img">
                                    <div class="tele_p">
                                        <h3>小米体脂秤2</h3>
                                        <span>99元</span>
                                    </div>
                                    <img src="./image/z11.webp" alt="">
                                </div>
                                <div class="tele_shop">
                                    <div class="tele_h">
                                        <h2>浏览更多</h2>
                                        <p>热门</p>
                                    </div>
                                    <div class="tele_k">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 底部最后一张title图 -->
            <div class="pront_title bd mg">
                <img src="./image/l1.webp" alt="">
            </div>
            <!-- 底部视频区域 -->
            <div class="video_hd bd">
                <div class="video_bd">
                    <div class="video_left">
                        <h2>视频</h2>
                    </div>
                    <div class="video_right">
                        <span>查看全部</span>
                        <div class="video_ri">

                        </div>
                    </div>
                </div>
                <div class="video_main">
                    <div class="video_side">
                        <img src="./image/l2.webp" alt="">
                        <span class="before"></span>
                        <span class="after"></span>
                        <h3>小米MIX Alpha 开箱视频</h3>
                    </div>
                    <div class="video_side">
                        <img src="./image/l3.webp" alt="">
                        <span class="before"></span>
                        <span class="after"></span>
                        <h3>小米5G新品手机发布会</h3>
                    </div>
                    <div class="video_side">
                        <img src="./image/l4.webp" alt="">
                        <span class="before"></span>
                        <span class="after"></span>
                        <h3>Redmi Note 8 系列发布会</h3>
                    </div>
                    <div class="video_side">
                        <img src="./image/l5.webp" alt="">
                        <span class="before"></span>
                        <span class="after"></span>
                        <h3>小米电视5 创新背后的故事</h3>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部区域 -->
        <footer class="footer_hd hd">
            <div class="footer_bd bd">
                <div class="footer_td">
                    <a href="#"><img src="./image/工具.png" alt="">预约维修服务</a>
                    <a href="#"><img src="./image/7天无理由退货.png" alt="">7天无理由退货</a>
                    <a href="#"><img src="./image/15天无理由退货.png" alt="">15天免费换货</a>
                    <a href="#"><img src="./image/礼盒.png" alt="">满99元包邮</a>
                    <a href="#"><img src="./image/定位.png" alt="">520余家售后网点</a>
                </div>
                <div class="footer_dt">
                    <dl>
                        <dt>
                            帮助中心
                        </dt>
                        <dd>账户管理</dd>
                        <dd>购物指南</dd>
                        <dd>订单操作</dd>
                    </dl>
                    <dl>
                        <dt>
                            服务支持
                        </dt>
                        <dd>售后政策</dd>
                        <dd>自助服务</dd>
                        <dd>相关下载</dd>
                    </dl>
                    <dl>
                        <dt>
                            线下门店
                        </dt>
                        <dd>小米之家</dd>
                        <dd>服务网点</dd>
                        <dd>授权体验店</dd>
                    </dl>
                    <dl>
                        <dt>
                            关于小米
                        </dt>
                        <dd>了解小米</dd>
                        <dd>加入小米</dd>
                        <dd>投资者关系</dd>
                    </dl>
                    <dl>
                        <dt>
                            关注我们
                        </dt>
                        <dd>新浪微博</dd>
                        <dd>官方微信</dd>
                        <dd>联系我们</dd>
                    </dl>
                    <dl>
                        <dt>
                            特色服务
                        </dt>
                        <dd>F 码通道</dd>
                        <dd>礼物码</dd>
                        <dd>防伪查询</dd>
                    </dl>
                    <div class="footer_dt_dl">
                        <h3>400-100-5678</h3>
                        <p>周一至周日8:00-18:00</p>
                        <span>(仅收市话费)</span>
                        <a href="#">
                            <img src="./image/消息.png" alt=""> 人工客服
                        </a>
                    </div>
                </div>
                <div class="footer_ft">
                    <div class="footer_logo">
                        <img src="./image/m.png" alt="">
                    </div>
                    <div class="footer_fd">
                        <p>
                            <a href="">小米商城</a>|
                            <a href="">MIUI</a>|
                            <a href="">米家</a>|
                            <a href="">米聊</a>|
                            <a href="">多看</a>|
                            <a href="">游戏</a>|
                            <a href="">政企服务</a>|
                            <a href="">小米天猫店</a>|
                            <a href="">小米集团隐私政策</a>|
                            <a href="">小米公司儿童信息保护规则</a>|
                            <a href="">小米商城隐私政策</a>|
                            <a href="">小米商城用户协议</a>|
                            <a href="">问题反馈</a>|
                            <a href="">廉正举报</a>|
                            <a href="">诚信合规</a>|
                            <a href="">Select Location</a>
                        </p>
                        <p>
                            <a href="">© mi.com 京ICP证110507号</a>
                            <a href="">京ICP备10046444号</a>
                            <a href="">京公网安备11010802020134号</a>
                            <a href="">京网文[2020]0276-042号</a>
                        </p>
                        <p>
                            <a href="">（京）网械平台备字（2018）第00005号</a>
                            <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                            <a href="">营业执照</a>
                            <a href="">医疗器械质量公告</a>
                        </p>
                        <p>
                            <a href="">增值电信业务许可证</a> 网络食品经营备案（京）【2018】WLSPJYBAHF-12
                            <a href="">食品经营许可证</a>
                        </p>
                        <p>
                            违法和不良信息举报电话：185-0130-1238
                            <a href="">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                        <div class="footer_tl">
                            <a href="">
                                <img src="./image/f1.png" alt="">
                            </a>
                            <a href="">
                                <img src="./image/f2.png" alt="">
                            </a>
                            <a href="">
                                <img src="./image/f3.png" alt="">
                            </a>
                            <a href="">
                                <img src="./image/f4png.png" alt="">
                            </a>
                        </div>
                        <div class="footer_lg">探索黑科技,小米为发烧而生！</div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- 右侧固定栏 -->
    <div class="side_right" id="side_right">
        <div class="side_right_r"><img src="./image/手机.png" alt=""><span>手机APP</span></div>
        <div class="side_right_r"><img src="./image/个人中心-未选.png" alt=""><span>个人中心</span></div>
        <div class="side_right_r"><img src="./image/工具 (2).png" alt=""><span>售后服务</span></div>
        <div class="side_right_r"><img src="./image/客服.png" alt=""><span>联系客服</span></div>
        <div class="side_right_r"><img src="./image/购物车 (2).png" alt=""><span>购物车</span></div>
        <div class="side_right_r1">
            <img src="./image/回到顶部.png" alt="">
            <span>回顶部</span>
        </div>
    </div>
    <!-- 右侧固定小栏 -->
    <div class="side_right_L" id="side_right_L">
        <div class="side_right_l"><img src="./image/手机.png" alt="">
            <div class="side_right_R">手机App</div>
        </div>
        <div class="side_right_l"><img src="./image/个人中心-未选.png" alt="">
            <div class="side_right_R">个人中心</div>
        </div>
        <div class="side_right_l"><img src="./image/工具 (2).png" alt="">
            <div class="side_right_R">售后维修</div>
        </div>
        <div class="side_right_l"><img src="./image/客服.png" alt="">
            <div class="side_right_R">联系客服</div>
        </div>
        <div class="side_right_l"><img src="./image/购物车 (2).png" alt="">
            <div class="side_right_R">购物车</div>
        </div>
        <div class="side_right_l1"> <img src="./image/回到顶部.png" alt="">
            <!-- <div>回到顶部</div> -->
        </div>
    </div>
</body>

</html>
<script src="./js/index.js"></script>